<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="css/myStyle.css" type="text/css" />
    <script src="js/angular.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title>ShowDashBoard</title>
</head>
<body>
<div data-layout-fragment="content" ng-app="myApp" ng-controller="myCtrl">
    <div class="col-root">
        <h3 class="header">Progress Bar</h3>
        <table border="1" cellpadding="0" cellspacing="0">
            <tr>
                <th width="50px">id</th>
                <th width="100px">girard</th>
                <td width="600px" >
                    <div class="progress">
                        <div class="progress-bar" ng-repeat="progressSteps in progressControl[0].progressStepsList" style="width: 14.28%;" >
                            {{progressSteps.stepName}}
                        </div>
                    </div>
                </td>
                <th width="100px">download</th>
            </tr>
            <tr  ng-repeat="progressControlc in progressControl" id="mainLoop" style="height: 40px;">
                <td>{{progressControlc.id}}</td>
                <td>{{progressControlc.girard}}</td>
                <td>
                    <div class="progress">
                        <div class="progress-bar" ng-repeat="progressSteps in progressControlc.progressStepsList" ng-class="{true:'sky',false:'tomato'}[{{progressSteps.allFiles}}=={{progressSteps.completedFiles}}]" style="width: {{progressSteps.ratio}}%;"  ng-if="progressSteps.ratio>0">
                            {{progressSteps.stepName}}
                        </div>
                    </div>
                </td>
                <td><a href="#"/>下载</td>
            </tr>
        </table>
    </div>
</div>
<script src="js/myApp.js" />
<script src="js/myCtrl.js"/>
</body>
</html>